<script type="text/javascript" src="<?=uriStatic('/js/jquery.min.js')?>"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
    jQuery('.msglist li').click(function(){
        jQuery('.msglist li').each(function(){ jQuery(this).removeClass('selected')});
        jQuery(this).addClass('selected');
        
        // for mobile
        jQuery('.msglist').click(function(){
            if(jQuery(window).width() < 480) {
                jQuery('.messageright, .messagemenu .back').show();
                jQuery('.messageleft').hide();
            }
        });
        
        jQuery('.messagemenu .back').click(function(){
            if(jQuery(window).width() < 480) {
                jQuery('.messageright, .messagemenu .back').hide();
                jQuery('.messageleft').show();
            }
        });
    });
});
</script> <!--code nhấn chọn-->
<div class='load'></div>
<script>
$(document).ready(function() {
    $("h4[id^='link']").click(function() {
        $('#more').html("<img alt='hinh' width='50px' height='50px' src='http://thietkeweb9999.com/template/Default/images/loading_anim.gif'/>").fadeIn('fast'); 
        id = $(this).attr("id");
        $.ajax ({
            url: 'test.php',
            type: 'POST',
            data: "id=" + id,
            async: true,
            success: function(data) {
                $('#more').html(data);
            }
        });
    });
});
</script> <!-- ajax -->



<div class="content">
        <div class="messagemenu">
            <ul>
                <li class="back"><a><span class="iconfa-chevron-left"></span> Back</a></li>
                <li class="active"><a href=""><span class="iconfa-inbox"></span> Inbox</a></li>
                <li><a href=""><span class="iconfa-plane"></span> Sent</a></li>
                <li><a href=""><span class="iconfa-edit"></span> Draft</a></li>
                <li><a href=""><span class="iconfa-trash"></span> Trash</a></li>
            </ul>
        </div>
        <div class="messagecontent" style="margin-top: -10px;">
            <div class="messageleft">
                <form class="messagesearch">
                    <input type="text" class="input-block-level" placeholder="Tìm kiếm...">
                </form>
                <ul class="msglist">
                    <?php 
                        while($rows = mysql_fetch_array($r)) 
                        {
                            echo "<li class=''>";
                            echo "<div class='thumb'>";
                            echo "<img src='view/cp/widget/images/photos/thumb1.png' alt='' style='margin-top: 8px;'></div>";
                            echo "<div class='summary'>";
                            echo "<span class='date pull-right'>";
                            echo "<small>April 03, 2013</small></span>";
                            echo "<h4 id=link-{$rows['id_gop_y']}>";
                            echo "{$rows['tieu_de']}";
                            echo "</h4>";
                            echo "<p><strong>Lorem ipsum dol..</strong> - Hey, leevanjo doloe..</p>";
                            echo "</div>";
                            echo "</li>";
                        }
                    ?>
                </ul>
            </div><!--messageleft-->
            <div class="messageright">
                <div id="more">
                    
                </div>
            </div><!--messageright-->
        </div><!--messagecontent-->
    </div>
</div>